<template>
  <div class="lightwave-wrap">
    <div v-lightwave="{ color: 'yellow' }" class="lightwave-item"></div>
    <div v-lightwave class="lightwave-item"></div>
    <div v-lightwave class="lightwave-item item-w"></div>
  </div>
</template>

<script setup></script>
<style lang="less" scoped>
.lightwave-wrap {
  display: flex;
  .lightwave-item {
    cursor: pointer;
    background: #333;
    width: 150px;
    height: 200px;
    margin-right: var(--margin-base);
    border: 1px solid var(--color-border);
  }
  .item-w {
    background-color: var(--color-w);
  }
}
</style>
